@import "./common";

:root:root {
  --van-popup-background: rgba(97, 177, 245, 0.9);
  --van-collapse-item-content-background: rgba(226, 226, 226, 0.8);
  --van-cell-right-icon-color: #202020;
  --van-search-input-height: 2.3rem;
  --van-dialog-width: 90%;

  .van-toast--text {
    //position: absolute;
    //left: 50%;
    //transform: translateX(-50%);
    background: #e2cdff;
    padding: 0.714rem 1.429rem;
    border-radius: 20px;
    overflow: hidden;
    color: #383737;
    text-align: center;
    font-size: 1rem;
  }

  .van-popup--center {
    top: 20%;
  }

  .van-dialog {
    top: 45%;
  }
}

html,
body {
  width: 100%;
  height: 100%;
  font-size: 16px;
  user-select: none;
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, "Microsoft YaHei", sans-serif;
  -webkit-tap-highlight-color: transparent;
  background-color: #F5F7FA;
  min-height: $minHeight;
  min-width: $minWidth;
}

@media screen and (max-width: 299px) {
  body {
    overflow-x: scroll;
  }
}

@media screen and (max-width: 480px) {
  html {
    font-size: 14px;
  }
}

@media screen and (min-width: 481px) and (max-width: 699px) {
  html {
    font-size: 16px;
  }
}

@media screen and (min-width: 699px) and (max-width: 856px) {
  html {
    font-size: 18px;
  }
}

@media screen and (min-width: 856px) and (max-width: 1056px) {
  html {
    font-size: 21px;
  }
}

@media screen and (min-width: 1056px) {
  html {
    font-size: 25px;
  }
}


#app {
  width: 100%;
  height: 100%;
}

blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

ul,
li {
  list-style: none;
}

img {
  vertical-align: top;
}

input {
  outline: none;
}
